﻿body {
    background: url(../images/body_background.jpg);
	background-position: center top;
	background-size: 100% auto;	
}
#content, #history, #calendar {
    zoom:1;
}

#content:after, #history:after, #calendar:after {
    display:block;
    content:"";
    clear:both;
}

#tabs-1, #tabs-2, #tabs ul {
	background-color: rgba(87,92,96, 0.8);
}

#tabs{
    margin:0 auto;
    width:90%;
    height:200px;
	margin-top: 10px;
	border: 3px solid #97d5d9;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
	background-color: rgba(87,92,96, 0.8);
}

    #tabs #tabs-1, #tabs #tabs-2{
        color:white;
        background: rgba(0, 0, 0, 0);
        border:none;
        width:90%;
        margin:0 auto;
        padding:0;
    }
    #tabs ul {
        background: rgba(0, 0, 0, 0);
    }
    #tabs li {
        background: rgba(0, 0, 0, 0);
        margin-bottom:10px;
    }
        #tabs li a {
            color:white;
        }
    #tabs .k-state-active {
        border:3px solid #97d5d9;
        border-bottom:none;
    }

    #tabs label {
        margin-left:10px;
        margin-right:5px;
    }

    #tabs button, #tabs input[type=button] {
        margin-top: 10px;
        margin-left:20px;
    }

#content {
    width:90%;
    margin:0 auto;
}

#form, #calendar, #history  {				
                display: inline-block;
                background-color: rgba(87,92,96, 0.8);
                border: 3px solid #97d5d9;
                border-radius: 10px;
                margin-top: 65px;
				color: white;
		    }
			#facebook_like_button {
				width: 90%; 
				height: 60px; 
                margin:0 auto;
                margin-bottom:10px;
				padding: 5px; 
				background-color:rgba(255,255,255, 0.8);
				border: 3px solid #97d5d9; 
				border-radius: 10px; 
			}
			#history {
				color: white;
				padding: 5px;
                width:65%;
                margin:0 auto;
                margin-top:10px;
                margin-bottom:10px;
				text-align: center;
                float:right;
                overflow:auto;
			}
                #history td, #history th {
                    border:1px solid white;
                    margin:0 auto;
                    padding:3px 5px;
                }
                #info-table {
                    margin:0 auto;
                    border-collapse:collapse;
                    border:none;
                }
			#calendar {
				margin: 5px;
				width: 30%;
                margin-top:10px;
                margin-bottom:10px;
                margin-left:0;
				text-align: center;
                float:left;
			}
			#calendar .k-content {
				height: 300px;
			}
			#calendar,
			#calendar .k-content,
			#calendar .k-header,
			#calendar th,
			#calendar .k-link,
			#calendar .k-state-hover,
			#calendar .k-state-selected,
			#calendar .k-state-focused {
                background-color:rgba(87,92,96, 0.4);
				border-color: #97d5d9;
				color: white;
				box-shadow: none;
			}
			#calendar .k-content .k-state-hover,
			#calendar .k-content .k-state-focused {
				font-size: 18px;
				font-weight: bold;
			}
			#calendar .k-state-selected, #calendar .k-state-selected.k-state-focused {
				font-size: 24px;
				font-weight: bold;
			}
			#calendar .k-content .k-link {
				padding: 0;
				min-height: 40px;
				line-height: 40px;
			}
			#calendar th {
				padding-top: 20px;
				color: #8cbabf;
			}
			#calendar td.k-other-month .k-link {
				color: #8cbabf;
			}
			#calendar th,
			#calendar td {
				text-align: center;
			}
			
			/* Template Days */
			.red, .green, .yellow {
					width: 40px;
					height: 40px;
					margin: auto;
					-webkit-border-radius: 100px;
					-moz-border-radius: 100px;
					border-radius: 50%;
					line-height: 40px;
			}
			.red {
				background-color: red;
				color: #aaa;
			}
			.green {
				background-color: green;
			}
			.yellow {
				background-color: yellow;
			}

#footer, #welcome {
	background-color: rgba(87,92,96, 0.9);
	color: white;
	font-family: corbel;
	font-size: 17px;
	width: 90%;
	margin: 0 auto;
	border: 3px solid #97d5d9;
	border-radius: 10px;
	padding-left: 15px;
}

#welcome {
	margin-top: 78px;
    text-align:center;
}